<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bom</title>
</head>
<body>
   <button id="btnLogin">登录</button>
   <button id="btnNext">下一页</button>

<!--    1. timing 函数 延迟执行-->
   <button id="btnSetTimeout">setTimeout</button>
   <button id="btnClearTimeout">clearTimeout</button>
<!-- 2. timing 函数 间隔执行-->
      <div id="numberBox">0</div>

      <button id="btnSetPlus">开始计数</button>
      <button id="btnClearPlus">结束计数</button>

<!--popup-->
    <button id="btnMessage">收集信息</button>
    <div id="messageBox">
       你的意见是:
    </div>
    <button id="btnRemove">删除</button>

</body>
<script>

      /**
       *   window  是页面的全局对象
       *      location
       *      history
       *      timing function (*)
       *      popup
       *
       * */


      /**
       *  1. location
       * */
      window.test = 'hello';

      document.getElementById('btnLogin').onclick = function (){

          /**
           *  1. bom.html
           *  2. bom-next.html
           * */
         // alert(window.test);
           window.location.href = "19.bom-next.html";
      }


      /**
       * 2.history
       * */
      document.getElementById('btnNext').onclick = function (){
           history.forward();
      }



      /**
       *  3. timing 函数
       * */
      var timeoutFunc;
      document.getElementById('btnSetTimeout').onclick=function (){
       timeoutFunc=  window.setTimeout(function (){
              alert("I am comming!")
          },1000)
      }


      document.getElementById('btnClearTimeout').onclick=function (){
          clearTimeout(timeoutFunc);
      }

      var timingNumerPlus ;

      document.getElementById('btnSetPlus').onclick=function (){

           timeoutFunc=  setInterval(function (){
                 var numberBox = document.getElementById('numberBox');
                 var number = numberBox.innerText;

                 number= parseInt(number)+1;
                 numberBox.innerText = number;

             },1000)
      }


      document.getElementById('btnClearPlus').onclick=function (){
           clearInterval(timeoutFunc);
      }

       /**
        *   q1: 如何通过timing函数 实现一秒刷新一次时间
        *        同时也可以停止刷新
        * */


      /**
       *  4. popup 提示框
       *     alert()
       *     prompt
       *     confirm
       * */

      document.getElementById('btnMessage').onclick=function (){
          var message=  prompt('请输入你的意见：');
          var messageBox=  document.getElementById('messageBox');
          messageBox.innerHTML += message;
      }

      document.getElementById('btnRemove').onclick=function (){
           if(confirm("是否删除当前数据？")){
                alert('删除成功！')
           }else{
                alert('你什么也没做啊！');
           }
      }

</script>

</html>